<%@ page language="java" contentType="text/html; charset=UTF-8"
         pageEncoding="UTF-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/fmt" prefix="fmt"%>
<%@ taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>

    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">

    <title>联系我们·思通投研·让数据驱动投资价值!</title>
    <link href="${pageContext.request.contextPath }/img/webLogoIcon.png"
          rel="shortcut icon">
    <link href="${pageContext.request.contextPath }/css/bootstrap.min.css"
          rel="stylesheet">
    <link href="${pageContext.request.contextPath }/css/font-awesome.css"
          rel="stylesheet">

    <link href="${pageContext.request.contextPath }/css/animate.css"
          rel="stylesheet">
    <link href="${pageContext.request.contextPath }/css/style.css"
          rel="stylesheet">

    <link
            href="${pageContext.request.contextPath }/css/plugins/sweetalert/sweetalert.css"
            rel="stylesheet">

    <!-- FooTable -->
    <link href="${pageContext.request.contextPath }/css/footable.core.css"
          rel="stylesheet">
    <link href="${pageContext.request.contextPath }/css/datepicker3.css"
          rel="stylesheet">
    <link href="${pageContext.request.contextPath}/css/mypage.css"
          rel="stylesheet">
    <style>
        td {
            vertical-align: middle;
        }

        .addkeywords input {
            width: 500px;
            float: left;
        }

        .addkeywords button {
            margin-left: 20px;
            float: left;
        }

        .main-content {
            width: 100%;
            min-height: calc(100vh - 300px);
            background: #fff;
            border-radius: 4px;
            padding: 20px;
            border: 1px solid #e8e8e8;
        }

        .key-content span {
            display: inline-block;
            padding: 0 8px;
            line-height: 30px;
            font-size: 14px;
            border: 1px solid #faad14;
            border-radius: 4px;
            color: #5a5a5a;
            margin: 10px 10px 0 0;
        }

        .key-content span i {
            color: #5a5a5a;
            margin-left: 5px;
            cursor: pointer;
        }

        .key-content span i:hover {
            color: #faad14;
        }

    </style>
</head>
<body>
<nav class="navbar-default navbar-static-side" role="navigation">
    <%
        request.setAttribute("LEFT", "contactByWX");
    %> <%@include file="datasource-left.jsp"%> </nav>

<div id="page-wrapper" class="gray-bg">
    <div class="row border-bottom">
        <jsp:include page="head-factory.jsp" flush="true" />
    </div>

    <div class="row wrapper border-bottom white-bg page-heading">
        <div class="col-lg-9">
            <h2>联系我们</h2>
            <ol class="breadcrumb">
                <li class="nav-main1"><a>主页</a>
                </li>

                <li class="active"><a>联系我们</a></li>
            </ol>
        </div>
    </div>

    <div class="wrapper wrapper-content animated fadeInRight">
        <!-- 内容开始 start-->
        <div class="row">
            <div class="col-lg-12 main-content">
                <div  style="height: 75vh">
                    <div style="position: absolute;top: 50%;transform: translateY(-50%);width: 100%;">
                        <div style="text-align: center;margin-bottom: 80px;">
                            <h4 style="font-size: 24px;margin-bottom: 40px;">联系我们</h4>
                            <p style="font-size: 18px">想要进一步了解 <a id="gitee2"><span style="color: blue;font-weight: bold">思通数科</span></a> ? 欢迎通过如下方式联系我们。</p>
                        </div>
                        <div style="display: flex;justify-content: space-around;">
                            <div style="text-align: center">
                                <h4>微信公众号</h4>
                                <img style="width: 150px" src="${pageContext.request.contextPath }/img/contactByWX/wxOfficialAccount.jpg">
                            </div>
                            <div style="text-align: center">
                                <h4>添加产品经理微信，加入微信群</h4>
                                <img style="width: 150px" src="${pageContext.request.contextPath }/img/contactByWX/stonedtQRCode.jpg">
                            </div>
                            <div style="text-align: left;font-size: 20px">
                                <p><svg t="1645618105389" class="icon" viewBox="0 0 1228 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="12002" width="18" height="18"><path d="M653.824 256a51.2 51.2 0 0 0-54.784-54.784A61.44 61.44 0 0 0 532.992 256a61.952 61.952 0 0 0 66.048 56.32A51.2 51.2 0 0 0 653.824 256zM307.2 200.192A61.44 61.44 0 0 0 239.104 256 61.44 61.44 0 0 0 307.2 311.808 51.2 51.2 0 0 0 358.4 256a51.2 51.2 0 0 0-51.2-55.808z m921.6 450.56a307.2 307.2 0 0 0-102.4-223.232 402.944 402.944 0 0 0-241.152-106.496v-4.096C847.872 136.192 657.408 0 441.856 0 198.144 0 0 172.544 0 384.512a365.568 365.568 0 0 0 163.84 295.424l-36.864 113.152a22.016 22.016 0 0 0 30.208 26.624l140.288-71.168 16.384 3.584a602.112 602.112 0 0 0 128 15.872 201.216 201.216 0 0 0 51.2-8.192 379.392 379.392 0 0 0 358.4 220.672 515.584 515.584 0 0 0 122.88-19.968l107.52 59.392a23.552 23.552 0 0 0 10.24 3.072 18.432 18.432 0 0 0 13.824-5.12 22.016 22.016 0 0 0 7.168-23.552l-27.648-91.648a337.92 337.92 0 0 0 143.36-251.904zM480.256 711.68h-38.912a534.016 534.016 0 0 1-114.688-15.36l-23.04-4.608a29.696 29.696 0 0 0-13.824 0l-96.256 51.2 24.576-74.752a21.504 21.504 0 0 0-8.192-24.064 314.88 314.88 0 0 1-153.6-259.584C57.856 204.8 229.888 56.32 441.344 56.32c184.832 0 350.208 114.688 386.56 266.24-197.12 4.608-358.4 146.432-358.4 318.976a261.632 261.632 0 0 0 10.752 70.144z m557.056 156.16a19.968 19.968 0 0 0-7.168 22.528l15.36 51.2-65.024-35.84a23.552 23.552 0 0 0-10.24-3.072 12.288 12.288 0 0 0-5.12 0 476.672 476.672 0 0 1-114.688 19.968c-175.616 0-318.464-122.368-318.464-272.896s142.848-272.896 318.464-272.896 317.952 124.928 317.952 272.896a282.112 282.112 0 0 1-131.072 218.112z m-302.08-358.4a51.2 51.2 0 0 0-44.544 45.568 51.2 51.2 0 0 0 44.544 45.568 51.2 51.2 0 0 0 54.784-45.568 51.2 51.2 0 0 0-54.784-43.008z m230.4 0a45.568 45.568 0 0 0 0 91.136 51.2 51.2 0 0 0 54.784-45.568 51.2 51.2 0 0 0-54.784-43.008z" p-id="12003" fill="#2c2c2c"></path></svg>
                                    techflag</p>
                                <p><svg t="1645616433087" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="5234" width="18" height="18"><path d="M876.557442 210.565089H144.379094c-44.805222 0-81.256563 36.450318-81.256564 81.256563v514.471659c0 44.805222 36.450318 81.256563 81.256564 81.256563h732.178348c44.805222 0 81.256563-36.450318 81.256563-81.256563v-514.471659c0-44.806246-36.450318-81.256563-81.256563-81.256563z m0 55.918473c4.118067 0 8.004735 0.993169 11.44499 2.741965l-377.534164 272.261346-377.53826-272.255203a25.159934 25.159934 0 0 1 11.450109-2.748108h732.177325z m0 565.147839H144.379094c-13.965796 0-25.33809-11.372294-25.338091-25.33809V328.15627l391.427265 282.272898 391.427264-282.282112v478.146255c0 13.965796-11.35796 25.33809-25.33809 25.33809z" fill="#2c2c2c" p-id="5235"></path></svg>
                                    wangtao@stonedt.com</p>
                                <p><svg t="1645616485468" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="6129" width="18" height="18"><path d="M969.154011 895.670857 912.504869 954.112C869.423726 998.509714 809.483154 1023.963429 748.006583 1023.963429 721.748297 1023.963429 695.819154 1019.428571 671.023726 1010.505143 364.116297 899.876571 120.98944 645.668571 20.674011 330.459429-9.460846 235.739429 22.502583 131.510857 100.216869 71.168L149.734583 32.694857C177.236297 11.300571 210.150583-0.036571 244.89344-0.036571 303.992869-0.036571 357.53344 33.28 384.596297 86.893714L468.344869 252.672C476.280869 268.434286 480.486583 286.061714 480.486583 303.725714 480.486583 331.812571 470.210011 358.656 451.558583 379.392L434.114011 398.701714C416.779154 417.901714 413.012297 446.317714 424.751726 469.467429 453.350583 525.933714 497.784869 571.172571 553.263726 600.283429 575.608869 612.059429 604.354011 608.073143 622.786011 590.774857L641.803154 573.074286C674.827154 542.098286 726.356297 534.966857 766.255726 555.885714L929.071726 641.097143C981.771154 668.708571 1014.539154 723.2 1014.539154 783.396571 1014.539154 825.636571 998.447726 865.536 969.154011 895.670857ZM941.396297 768C941.396297 715.373714 721.967726 621.714286 721.967726 621.714286 691.174583 610.450286 648.824869 658.285714 648.824869 658.285714 572.536869 714.788571 518.81344 671.926857 502.539154 658.285714 454.923154 618.459429 390.191726 532.370286 356.25344 475.428571 330.872869 432.749714 341.734583 382.171429 356.25344 365.714286 356.25344 365.714286 405.40544 323.291429 392.824869 292.571429 354.46144 197.376 294.594011 56.393143 246.539154 73.142857 204.847726 86.893714 30.255726 144.786286 109.21344 356.388571 249.282011 731.465143 540.792869 882.468571 718.23744 950.820571 841.958583 959.926857 951.234011 803.730286 941.396297 768Z" p-id="6130" fill="#2c2c2c"></path></svg>
                                    13505146123</p>
                                <p><svg t="1645618144633" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="13635" width="18" height="18"><path d="M559.2 66.3C274.5 37.1 36.9 274.7 66.1 559.4c20.3 197.8 200.6 378.1 398.4 398.4C749.2 987 986.8 749.4 957.6 464.7 937.3 266.9 757 86.6 559.2 66.3zM832 298.6l42.7 85.4c-57.2-10.8-73-10.3-128.1 0-32.6 8.6-49.6 31.9-57.6 47.9-4.1 8.2-6.1 17.3-5.7 26.5 1.1 27.2 0 99.9-43.4 117.7-19.2 7.9-42.7-19.1-42.7-42.7 3-134.5 63.8-160.8 80.4-169.4 17.4-9 69-44 69-44 37.4-19 85.4-21.4 85.4-21.4zM319.8 191.9l26.7 26.7c7.1 7.1 5.3 19.1-3.6 23.8-24.7 13.2-68.4 47.2-104.7 132.4-2.4 5.5-7.8 9.1-13.8 9.1h-54c0 0.1 3.6-112.6 149.4-192z m-4.4 648.9l-95.5-80c10.8-21.6 33.5-36.1 59.5-35.3 33.3 1.1 60.5 28.1 61.8 61.4 0.7 22.1-9.6 41.8-25.8 53.9z m196.4 55.4c-48.1 0-93.9-9.2-136.3-25.3 18.3-22.2 29.6-50.4 29.6-81.4 0-70.7-57.3-128.1-128.1-128.1-38.6 0-73.1 17.3-96.6 44.3-33.4-56.9-52.8-123-52.8-193.7 0-16 1.3-31.7 3.2-47.3L275 450.3c13.1-1.3 23.8-10.9 26.4-23.8 18.2-89 98.2-145.4 148.1-172.6 18.6-10.1 21.1-35.8 4.9-49.4l-66.9-55.7c39-13.4 80.7-20.9 124.3-20.9 104.8 0 199.7 42.1 269 110.1l-93 37.2S469.1 387.5 533.2 554.7c21.5 50.2 60.1 81 95.2 81 77.5 0 121.9-69 118.2-166.4 14.5-14.9 19-14.3 42.7-21.3 49.7-8.3 66 6.7 104.1 20.3 1.6 14.4 2.7 28.9 2.7 43.7C896 724.2 724 896.2 511.8 896.2z" fill="#2c2c2c" p-id="13636"></path></svg>
                                    <a id="officialWebsite"><span style="color: blue;text-decoration: underline">www.stonedt.com</span></a></p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>

        </div>
        <!-- 内容开始 end-->
        <jsp:include page="footer.jsp" flush="true" />
    </div>



</div>

<!-- Mainly scripts -->
<script src="${pageContext.request.contextPath }/js/jquery-2.1.1.js"></script>
<script src="${pageContext.request.contextPath }/js/bootstrap.min.js"></script>
<script
        src="${pageContext.request.contextPath }/js/jquery.metisMenu.js"></script>
<script
        src="${pageContext.request.contextPath }/js/jquery.slimscroll.min.js"></script>
<!-- Custom and plugin javascript -->
<script src="${pageContext.request.contextPath }/js/inspinia.js"></script>
<script src="${pageContext.request.contextPath }/js/pace.min.js"></script>
<!-- FooTable -->
<script
        src="${pageContext.request.contextPath }/js/footable.all.min.js"></script>
<script src="${pageContext.request.contextPath}/js/mypage.js"></script>

<script
        src="${pageContext.request.contextPath }/js/plugins/toastr/toastr.min.js"></script>
<!-- Sweet alert -->
<script
        src="${pageContext.request.contextPath }/js/plugins/sweetalert/sweetalert.min.js"></script>
<script
        src="${pageContext.request.contextPath }/js/block-ui/jquery.blockUI.js"></script>
<script
        src="${pageContext.request.contextPath }/js/province_city.js"></script>
<!-- Page-Level Scripts -->
<script type="text/javascript">
    var gitee2 = document.getElementById("gitee2");
    // 跳转到gitee源码
    gitee2.onclick = function(){
        window.open("https://gitee.com/stonedtx/yuqing-spider");
    };

    var officialWebsite = document.getElementById("officialWebsite");
    // 跳转到公司官网
    officialWebsite.onclick = function(){
        window.open("http://www.stonedt.com/");
    };
</script>
</body>

</html>
